<p>基本功能+灰化设置</p>
<ti-upload
  type="button"
  [url]="url"
  [disabled]="disabled"
  [method]="method"
  [alias]="alias"
  [formData]="formData"
  [formDataFirst]="formDataFirst"
  [headers]="headers"
  [filters]="filters"
  (addItemFailed)="onAddItemFailed($event)"
  (addItemSuccess)="onAddItemSuccess($event)"
  (beforeSendItems)="onBeforeSendItems($event)"
  (progressItems)="onProgressItems($event)"
  (successItems)="onSuccessItems($event)"
  (errorItems)="onErrorItems($event)"
  (cancelItems)="onCancelItems($event)"
  (removeItems)="onRemoveItems($event)"
  (completeAllItems)="onCompleteAllItems($event)"
  (completeItems)="onCompleteItems($event)"
></ti-upload>
<button (click)="changeDisable()">change disabled</button>

<p>合并上传测试</p>
<ti-upload
  type="button"
  [url]="url"
  [filters]="filters"
  [batchSend]="batchSend"
  [autoUpload]="autoUpload"
  (addItemFailed)="onAddItemFailed($event)"
  (addItemSuccess)="onAddItemSuccess($event)"
  (beforeSendItems)="onBeforeSendItems($event)"
  (progressItems)="onProgressItems($event)"
  (successItems)="onSuccessItems($event)"
  (errorItems)="onErrorItems($event)"
  (cancelItems)="onCancelItems($event)"
  (removeItems)="onRemoveItems($event)"
  (completeAllItems)="onCompleteAllItems($event)"
  (completeItems)="onCompleteItems($event)"
  #uploadBatch
></ti-upload>
<button (click)="uploadBatch.upload()" tiButton>合并上传文件</button>

<p>非自动上传,不带filter测试</p>
<ti-upload
  type="button"
  [autoUpload]="autoUpload"
  [url]="url"
  (addItemFailed)="onAddItemFailed($event)"
  (addItemSuccess)="onAddItemSuccess($event)"
  (beforeSendItems)="onBeforeSendItems($event)"
  (progressItems)="onProgressItems($event)"
  (successItems)="onSuccessItems($event)"
  (errorItems)="onErrorItems($event)"
  (cancelItems)="onCancelItems($event)"
  (removeItems)="onRemoveItems($event)"
  (completeAllItems)="onCompleteAllItems($event)"
  (completeItems)="onCompleteItems($event)"
  #uploader
></ti-upload>
<button (click)="uploader.upload()" tiButton>上传文件</button>

<p>第三个文件上传的详情显示</p>
<div *ngFor="let item of uploader.uploadInst.queue">
  <p>{{item.file.name}}</p>
  <p>{{item.progress}}</p>
  <p>item isReady:{{item.isReady}}</p>
  <p>item isUploading:{{item.isUploading}}</p>
  <p>item isUploaded:{{item.isUploaded}}</p>
  <p>item isCancel:{{item.isCancel}}</p>
  <p>item isSuccess:{{item.isSuccess}}</p>
  <p>item isError:{{item.isError}}</p>
  <a [hidden]="!(item.isError || item.isSuccess)" (click)="item.upload()">重新上传</a>
  <a [hidden]="!item.isUploading" (click)="item.cancel()">取消</a>
  <a [hidden]="item.isUploading" (click)="item.remove()">删除</a>
</div>
